<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=640,user-scalable=no" />
        <script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
        <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
        <script type="text/javascript" src="plugin/laytpl/laytpl.js"></script>
        <script type="text/javascript" src="js/public.js"></script>
        <script type="text/javascript" src="js/chart11.js"></script>
        <style>
            /* 清除浮动 */ 
            .clearfix:before,.clearfix:after { 
                content:""; 
                display:table; 
            } 
            .clearfix:after { 
                clear:both; 
                overflow:hidden; 
            } 
            .clearfix { 
                zoom:1; /* for IE6 IE7 */ 
            } 
            .clear{ 
                clear:both; 
                display:block; 
                overflow:hidden; 
                height:0; 
                line-height:0; 
                font-size:0; 
            }
            table {
                width: 80%;
                margin: 0 auto;
            }
            table,th,td{
                border: 1px solid black;
            }
            table th,
            table td {
                text-align: center;
            }
        </style>
        <title></title>
    </head>

    <body>
        <h1>国际中转旅客吞吐量</h1>
        <div id="chart3" style="height:600px"></div>
        <div id="table3"></div>
        <script id="tableTpl3" type="text/html">
            <table>
                <tr>
                    <th>年份</th>
                    <th>国内~国际</th>
                    <th>国际~国内</th>
                    <th>国际~国际</th>
                </tr>
                {{# for(var i = 0, len = d.length; i< len; i++){ }}
                    <tr>
                        <td>{{ d[i].YEAR }}</td>
                        <td>{{ d[i].II }}</td>
                        <td>{{ d[i].ID }}</td>
                        <td>{{ d[i].DI }}</td>
	                </tr>
                {{# } }}
            </table>
        </script>
    </body>

</html>